.db-ref {
  &__path {
    fill: none;
    stroke: var(--ref-color);
    stroke-width: 2;
    stroke-linejoin: round;
    stroke-linecap: butt;
  }
  &__hitbox {
    fill: none;
    stroke: transparent;
    //stroke: var(--ref-color);
    stroke-width: 29;

  }

  &__highlight {
    .db-ref__path {
      stroke: var(--ref-highlight-color);
    }

    .db-ref__control-point {
      display: unset;
    }


    .db-ref__path {
      stroke-dasharray: 15 2;
      animation: move 4s linear infinite;
    
    }
    
    @keyframes move {
      0% {
        stroke-dashoffset: 0;
      }
    
      100% {
        stroke-dashoffset: 300;
      }
    }
  }

  &__control-point {
    display: none;
    fill: black;
    stroke: var(--ref-highlight-color);
    stroke-width: 1;
    r: 5;

    &__highlight {
      r: 6;
      stroke-width: 2;
    }

    &__dragging {
      fill: var(--ref-highlight-color)
    }

  }
}
